import BScroll from "better-scroll";

// 设置横向滚动
/**
 * 
 * @param {代表vue实例} that 
 * @param {代表横向滚动的容器} wrapper 
 * @param {代表横向滚动的内容区} content 
 * @param {代表滚动项的数目} num 
 * @param {代表每个滚动项的宽度（单位是rem} itemWidth 
 */
function betterScrollHorizontal(that,wrapper,content,num, itemWidth) {
    // 计算内容区的宽度，动态设置
    content.style.width = num * itemWidth + "rem";
    that.$nextTick(() => {
      that.scroll = new BScroll(wrapper, {
        scrollX: true, //开启横向滚动
        scrollY: false, //关闭纵向滚动
        startX: 0, //横向滚动的开始
        click: true,//运行click事件
      });
    });
  }

//   设置纵向滚动的方法
//   可以自行设置

  export {betterScrollHorizontal}